import React, { Component } from 'react';
import ComE from './ComE'

class Comd extends Component {
  // 在构造函数中如果需要props，就通过传参完成
  constructor(props) {
    super(props);
    this.state = {
      age: 18,
      name: 'Tom',
      job: 'student',
      arr: [1,2,3,4],
      obj: {
        time: '1018'
      }
    }
    console.log('ComD:', this.props);
  }
  // 父组件传给子组件的函数
  post(val) {
    console.log('子传父的数据：', val);
    console.log(this);
  }
  render() {
    console.log('ComD:', this.props);
    return (
      <div>
        <p>我是ComD</p>
        <hr />
        <ComE
          {...this.state}
          fn={(val)=>this.post(val)}
        ></ComE>
        {/* 上面是简写，适用于将state中所有的全部传给子组件 */}
        {/* <ComE
          age={this.state.age}
          name={this.state.name}
          job={this.state.job}
          arr={this.state.arr}
        ></ComE> */}
      </div>
    );
  }
}

export default Comd;
